<template>
    <!--accountModules/withdrawProblem.wxml-->
    <div class="w750">
        <div class="withdrawProblem-rule">
            <div class="item">
                <div class="rule-tit">提现申请提交成功后，多久能入账？</div>
                <div class="rule-txt">1. 预计在1-3个工作日到账，请注意查收</div>
            </div>

            <div class="item">
                <div class="rule-tit">提现失败的主要原因是什么？</div>
                <div class="rule-txt">1. 银行卡：提现银行卡信息有误或者发卡行不支持此类交易，请检查信息或者更换银行卡后重新申请提现</div>
                <div class="rule-txt">
                    2.
                    微信钱包：请确认您的微信账号是否正常，若已注销需要解除原微信授权，重新添加新的微信授权。请确认您的微信钱包是否实名认证，若未实名认证需要您进行认证
                </div>
            </div>

            <div class="item" style="border: none">
                <div class="rule-tit">提现金额的限制是多少</div>
                <div class="rule-txt d-flex flex-column">
                    <span class="py">最低提现金额{{ detailData.withdrawalLowest }}元</span>
                    <span class="py">单笔最高可提现{{ detailData.withdrawalHighest }}元</span>
                    <span class="py" v-if="detailData.withdrawalMultipleType != '0'">
                        提现金额仅支持{{
                            detailData.withdrawalMultipleType == '10' ? detailData.withdrawalLowest : detailData.withdrawalMultipleValue
                        }}元的倍数，望谅解
                    </span>
                </div>
            </div>

            <div class="item" style="border: none">
                <div class="rule-tit">提现手续费怎么算？</div>
                <div class="rule-txt d-flex flex-column">
                    <span class="py">最低提现金额{{ detailData.withdrawalCharge }}元</span>
                </div>
            </div>

            <div class="item" style="border: none">
                <div class="rule-tit">提现时间有限制吗？</div>
                <div class="rule-txt d-flex flex-column">
                    <span class="py">每月{{ withdrawalDateList[0] }}-{{ withdrawalDateList[1] }}日开放提现</span>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
import { withdrawRule } from 'api/extensionApi'

export default {
    data() {
        return {
            detailData: {}
        }
    },
    computed: {
        withdrawalDateList() {
            return JSON.parse(this.detailData.withdrawalDate)
        }
    },
    mounted() {
        this.getWithdrawalData()
    },
    methods: {
        getWithdrawalData() {
            withdrawRule()
                .then((res) => {
                    if (!res.success) {
                        this.$toast(res.msg)
                        return
                    }
                    this.detailData = res.result
                })
                .catch((err) => {
                })
        }
    }
}
</script>

<style lang="stylus" scoped>
/* accountModules/withdrawProblem.wxss */
.withdrawProblem-rule {
    padding: 5px 10px 10px;
    background: #fff;
    height: 100%;
    box-sizing: border-box;
}

.withdrawProblem-rule .item {
    margin-top: 0.20rem;
    padding-bottom: 0.20rem;
    border-bottom: 1px solid #f8f8f8;
    line-height: 0.48rem;
}

.withdrawProblem-rule .item .rule-tit {
    font-size: 0.28rem;
    margin-bottom: 0.10rem;
}

.withdrawProblem-rule .item .rule-txt {
    font-size: 0.26rem;
    color: #999;
    font-family: arial;
    padding-right: 0.74rem;
    margin: 0.15rem 0 0 0;

}
</style>
